<?php $this->headScript()->appendFile($this->STATIC_SERVER . '/js/fancybox/jquery.fancybox-1.3.4.pack.js');?>
<?php $this->headLink()->appendStylesheet($this->STATIC_SERVER . '/js/fancybox/jquery.fancybox-1.3.4.css');?>
<div class="grid_3 alpha mainMenu">
	<?= $this->widget('navigation', 'navigation', array('menu_id' => 1));?>
</div>
<div class="grid_9 news">
	<h1><?= $this->translate('CONTACTS');?></h1>
	<?php if($this->contacts->count() > 0):?>
		<?php foreach ($this->contacts as $contact):?>
			<h2><?= $contact->Translation[$this->LANG]->name;?></h2>
			<div class="grid_6 alpha">
				<?= $contact->Translation[$this->LANG]->content;?>
			</div>
			<div class="grid_3 omega">
				<div id="YMaps<?= $contact->id;?>" style="width:220px;height:400px;border:1px solid #333;"></div>
				<a id="varios<?= $contact->id; ?>" href="#inlinemap<?= $contact->id; ?>"><?= $this->translate('View Larger Map');?></a>
				<div style="display:none;">
					<div id="inlinemap<?= $contact->id; ?>" style="width:800px;height:600px;">
						
					</div>
				</div>
				<script type="text/javascript">
				    // Создает обработчик события window.onLoad
				    YMaps.jQuery(function () {
				        // Создает экземпляр карты и привязывает его к созданному контейнеру
				        var map = new YMaps.Map(YMaps.jQuery("#YMaps<?= $contact->id;?>")[0]);
				        map.enableScrollZoom();
				        map.addControl(new YMaps.SmallZoom());  
				        // Устанавливает начальные параметры отображения карты: центр карты и коэффициент масштабирования
				        map.setCenter(new YMaps.GeoPoint(<?= $contact->Pages_Model_Geocoord->coord;?>), 15);

				        var placemark = new YMaps.Placemark(new YMaps.GeoPoint(<?= $contact->Pages_Model_Geocoord->coord;?>), {style: "default#factoryIcon"});

				        placemark.name = "<?= htmlspecialchars($contact->Translation[$this->LANG]->title);?>";

				        map.addOverlay(placemark);
				    });

				    $(document).ready(function(){
						$("#varios<?= $contact->id; ?>").fancybox({
							onComplete: function() {
								 var map = new YMaps.Map(YMaps.jQuery("#inlinemap<?= $contact->id; ?>")[0]);
								 map.enableScrollZoom();
								 map.addControl(new YMaps.TypeControl());
							     map.addControl(new YMaps.Zoom());
							     map.addControl(new YMaps.ScaleLine());

							     map.setCenter(new YMaps.GeoPoint(<?= $contact->Pages_Model_Geocoord->coord;?>), 16);

							     var placemark = new YMaps.Placemark(new YMaps.GeoPoint(<?= $contact->Pages_Model_Geocoord->coord;?>), {style: "default#factoryIcon"});

						        placemark.name = "<?= htmlspecialchars($contact->Translation[$this->LANG]->title);?>";

						        map.addOverlay(placemark);
							}
						});
					});
				</script>
			</div>
		<?php endforeach;?>
	<?php endif;?>
</div>